{% extends "basex.html" %}


{% block title %}
    TRYNE{% if tagline %} - {{ tagline }}{% else %} прототип 3{% endif %}
{% endblock %}

{% block topbuttons %}
    {% if tagline %}
        <a href="javascript:javascript:history.go(-1)"
           data-icon="arrow-l"
           data-iconpos="notext">Back</a>
        <a href="/?rnd={{ rnd }}"
           data-icon="home"
           data-iconpos="notext">Home</a>
    {% endif %}
{% endblock %}

{% block collaps %}
    <h3>Навигация</h3>
    <small>
        <div class="help">
            <b>Подсказка:</b>
            {% if not tagline %}
                нажми на слово, что бы увидеть связанные с ним задачи
            {% else %}
                выбери следующее слово, что бы сузить тематику. Нажми "Назад", что бы вернуться.
            {% endif %}
        </div>
        <ul data-role="listview" data-theme="c">

            {% if tagline %}
                <li data-icon="arrow-l" data-iconpos="left" data-theme="a"><a
                        href="javascript:javascript:history.go(-1)"
                        data-direction="reverse">Назад</a></li>
            {% endif %}
            {% for tag in cloud %}
                {% for ele in tag %}
                    {% if forloop.first %}
                        <li><a
                            href='/list?tags={% if tagline %}{{ tagline }},{% endif %}{{ ele }}'>{{ ele }}
                                    {% else %}<span
                                            class="ui-li-count ui-btn-up-c ui-btn-corner-all">{{ ele }}</span></a>
                    {% endif %}
                {% endfor %}
            {% endfor %}

        </ul>
    </small>
{% endblock %}

{% block content %}
    {% if not tagline %}
        <div class="quest" style="line-height: 14px; font-size: 12px;">
            <b>Сообщение:</b>
            добро пожаловать в прототип 3 системы TRYNE!
            Развлекайся и сообщай ошибки. Всё обсуждение в <a href="http://vk.com/tryne"
                                                                  target="_blank">Контакте</a>.
        </div>
    {% endif %}
    <a data-role="button"
       data-icon="plus"
       data-inline="true"
       href='/new?type=question{% if tagline %}&tags={{ tagline }}{% endif %}&rnd={{ rnd }}'>
        Новая задача</a>
    <a data-role="button"
       data-icon="alert"
       data-inline="true"
       target="_blank"
       data-theme="a"
       rel="external"
       href='http://code.google.com/p/tryne/issues/entry?template=Tester%20report'>
        Ошибка</a>
    <br><br>
    <ul data-role="listview" data-theme="d">
        {% for quest in quests %}
            <li><a href="/quest?id={{ quest.key }}&rnd={{ rnd }}">
                <p style="font-size: 16px;white-space: normal;margin-top: 2px;">{{ quest.text|linebreaksbr }}</p>
                <!-- Bottom info -->
                <p class="tip">
                    {% if quest.solved %}<font color="#377de6"><b>Решёна</b></font>&nbsp; {% endif %}
                    {% if quest.answers %}{% else %}<font color="Green"><b>Новая</b></font>&nbsp; {% endif %}
                    <b>{{ quest.author.nickname|truncatewords_html:1|slugify }}</b> - {{ quest.date }} &nbsp;<br>
                    {% include "num" with n=quest.views word="просмотр" %}
                    <font color="#377de6">{% include "num" with n=quest.answers sing="решение" word="решений" word2="решения" %}</font>
                    <font color="blue">{% include "num" with n=quest.nodes word="шаг" %}</font>
                    <font color="green">{% include "num" with n=quest.facts word="факт" %}</font>
                </p>

            </a></li>
        {% endfor %}
    </ul>
    {% if quests %}{% else %}
        <font size="6" color="#CCCCCC">Нет задач</font>
    {% endif %}
{% endblock %}